<!--数据展示-->
<div class="mz-datagrid" >
    <div class="mz-datagrid-header">
        <ul>
            <li>筛选结果:</li>
            <li class="mz-excel"><a href="javascript:void(0)" ng-click="dumpToExcel()"><img ng-src="img/icon_xls.png"/>导出excel</a></li>
            <li class="dropdown">
                <button id="mz-sort-panel-button" class="mz-sortbutton" ng-disabled="!isMzSortable">
                    高级排序
                </button>
                <div id="mz-sort-panel" class="mz-sortpanel" hidden>
                    <p>按以下方式排序：</p>
                    <p class="mz-sorttitle"><span>列</span><span>排序方式</span><span>优先级</span></p>
                    <ul class="mz-sortpanel-items">
                        <li ng-repeat="(name,item) in mzSortItems" data-mz-itemname="{{name}}">
                            <span class="mz-item-name" data-mz-checked="{{item.isChecked}}" ng-click="checkedSortItem(name,1)">{{item.displayName}}</span>
                            <span class="mz-item-sorttype" data-mz-sorttype="{{item.sortType}}" ng-click="checkedSortItem(name,2)">{{item.sortText[item.sortType]}}</span>
                            <span class="mz-item-priority"><img ng-click="changePriority($event,name,1)" ng-src="img/up_p_icon.png"/><img ng-click="changePriority($event,name,-1)" ng-src="img/down_p_icon.png"/></span>
                        </li>
                    </ul>
                </div>
            </li>
        </ul>
    </div>
    <div class="mz-datagrid-body">
        <div class="gridStyle" ng-class="{'mz-dg-sort-disable':!isMzSortable}" ui-grid="gridOptions" ui-grid-resize-columns ui-grid-pagination ui-grid-move-columns ui-grid-auto-resize>
        </div>
        <p class="mz-pager-footer">
            <select ng-model="gridOptions.paginationPageSize" required  ng-options="('每'+o+'条一页') for o in gridOptions.paginationPageSizes" class="mz-pager-control"></select>

                        <span>

                            <button type="button" ng-show="gridApi.pagination.getPage()>1"  ng-click="gridApi.pagination.previousPage()">
                                上一页
                            </button>

                            <span class="pagesbuttons"></span>

                            <button type="button" ng-show="gridApi.pagination.getPage()<gridApi.pagination.getTotalPages()"  ng-click="gridApi.pagination.nextPage()">
                                下一页
                            </button>

                            <span class="pager-jumppart">
                                <span>共{{gridApi.pagination.getTotalPages()}}页，跳转至第</span> <input type="number"  ng-model="jumpPage" ng-disabled="gridApi.pagination.getTotalPages()==1"/> <span>页</span>
                            </span>
                            <button ng-disabled="gridApi.pagination.getTotalPages()==1" ng-click="gridApi.pagination.seek(jumpPage)">确定</button>
                        </span>
        </p>
    </div>

</div>


